<template>
  <div>
    <el-row justify="center" type="flex">
      <el-col :span="24">
        <!-- 分为了左、中、右 -->
        <el-row>
          <el-col :span="14">
            <el-row>
              <!-- footnav -->
              <el-breadcrumb separator="|">
                <el-breadcrumb-item>小牛说事简介</el-breadcrumb-item>
                <el-breadcrumb-item>小牛说事家园</el-breadcrumb-item>
                <el-breadcrumb-item>招聘信息</el-breadcrumb-item>
                <el-breadcrumb-item>联系我们</el-breadcrumb-item>
                <el-breadcrumb-item>版权声明</el-breadcrumb-item>
                <el-breadcrumb-item>商务合作</el-breadcrumb-item>
                <el-breadcrumb-item>APP下载</el-breadcrumb-item>

              </el-breadcrumb>
            </el-row>
            <el-row>
                <el-col :span="24" class="introducetext">
                    <p>主办：小牛说事杂志社 <a href="#">互联网新闻信息服务许可证：10********004</a> 网站备案：京*网安备*********02001529号 中ICP备1604***42号</p>
                    <p>
                        期刊订阅电话：400-081-00*0 编辑信箱：bianji@xiaoniushuoshi.org 举报电话：010*-630*****8
                    </p>
                    <p>
                        Copyright (C) 小牛说事杂志社 2010-2018, All Rights Reserved 运营管理中心：小牛说事新媒体科技有限公司
                        <span class="imgtext">&nbsp;</span>
                    </p>
                    <p>
                        <a href="#">中国互联网禁毒公约</a>
                    </p>
                </el-col>

            </el-row>
          </el-col>
          <el-col :span="6">
              <el-row type="flex" justify="center">
                  <el-col :span="20" style="margin-top:15px;">
                      <img src="../../assets/frontdesk/images/law.jpg" style="width:100%" alt="">
                  </el-col>
              </el-row>
          </el-col>
          <el-col :span="4">
              <el-row type="flex" justify="center">
                  <el-col :span="12" style="margin-top:15px;">
                      <el-row type="flex" justify="center">
                        <el-col :span="24" class="app">
                          <img src="../../assets/frontdesk/images/weibo.png" alt="">
                        <p>小牛说事APP</p>
                        </el-col>
                      </el-row>
                  </el-col>
                  <el-col :span="12" style="margin-top:15px;">
                      <el-row type="flex" justify="center">
                        <el-col :span="24" class="app">
                          <img src="../../assets/frontdesk/images/weibo.png" alt="">
                        <p>官方微信</p>
                        </el-col>
                      </el-row>
                  </el-col>
              </el-row>
          </el-col>
        </el-row>
      </el-col>
    </el-row>
  </div>
</template>

<style scoped>
.app img{
width: 80%;
}
.app p{
  display: inline-block;
  margin-left: 10%;
  width: 80%;
  
}

.el-breadcrumb span{
    font-size: medium;
    color: skyblue;
}
p{
    /* font-size: small; */
    font-size: 12px;
    margin: 0%;
    line-height:24px;
}
.introducetext{
    margin-top: 24px;
}
.imgtext{
    background-image: url('../../assets/frontdesk/images/FACC301D6175315A5FB88B9B7E404B6D.png');
    width: 100px;
    display: inline-block;
    margin-left: 20px;
}
</style>